<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>K联赛线上报名通道</title>
    <meta name="renderer" content="webkit">
    <link href="http://cdn.bootcss.com/weui/0.4.2/style/weui.min.css" rel="stylesheet">
    <style>
        body,html{
            font-family: '微软雅黑';height:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden;background-color:#fbf9fe}
        h1{
            display: block;
            text-align: center;
            font-size: 18px;
            line-height: 40px;
            background-color: #fff;
            border-bottom: 1px solid #eee;}
        .ms-controller,[ms-controller]{
            visibility: hidden;}
        .weui_label{
            font-size: 14px;}
        .weui_cell_primary{
            font-size: 14px;}
    </style>
</head>
<body >
<div id="loadingToast" class="weui_loading_toast" style="display: none;">
    <div class="weui_mask_transparent"></div>
    <div class="weui_toast">
        <div class="weui_loading">
            <div class="weui_loading_leaf weui_loading_leaf_0"></div>
            <div class="weui_loading_leaf weui_loading_leaf_1"></div>
            <div class="weui_loading_leaf weui_loading_leaf_2"></div>
            <div class="weui_loading_leaf weui_loading_leaf_3"></div>
            <div class="weui_loading_leaf weui_loading_leaf_4"></div>
            <div class="weui_loading_leaf weui_loading_leaf_5"></div>
            <div class="weui_loading_leaf weui_loading_leaf_6"></div>
            <div class="weui_loading_leaf weui_loading_leaf_7"></div>
            <div class="weui_loading_leaf weui_loading_leaf_8"></div>
            <div class="weui_loading_leaf weui_loading_leaf_9"></div>
            <div class="weui_loading_leaf weui_loading_leaf_10"></div>
            <div class="weui_loading_leaf weui_loading_leaf_11"></div>
        </div>
        <p class="weui_toast_content">正在提交...</p>
    </div>
</div>
    <h1 class="page_title">K联赛线上报名通道</h1>
    <div ms-controller="body">
    <div class="msg" ms-if="show==0">
        <div class="weui_msg">
            <div class="weui_text_area">
                <h2 class="weui_msg_title">报名承诺</h2>
                <p class="weui_msg_desc">承诺人保证符合报名条件且在参赛过程中始终保持符合该条件。保证向大赛组委会提交的所有参赛材料（包括并不限于个人信息以及参赛段位等）所含内容均真实、有效、准确、完整。如有违反，同意大赛组委会随时取消承诺人以及其团队的参赛资格。对因此给大赛组委会造成的损失，愿意承担赔偿责任。</p>
            </div>
            <div class="weui_opr_area">
                <p class="weui_btn_area">
                    <a href="javascript:;" class="weui_btn weui_btn_primary" onclick="app.show=1;">同意</a>
                    <a href="javascript:;" class="weui_btn weui_btn_default" onclick="alert('报名失败！')">拒绝</a>
                </p>
            </div>
        </div>
    </div>
        <div class="msg" ms-if="show==2">
            <div class="weui_msg">
                <div class="weui_icon_area"><i class="weui_icon_success weui_icon_msg"></i></div>
                <div class="weui_text_area">
                    <h2 class="weui_msg_title">报名成功</h2>
                    <p class="weui_msg_desc">请关注活动动态，等待相关通知</p>
                </div>
            </div>
        </div>
    <div  ms-if="show==1">
        <div class="weui_cells_title">基础信息</div>
        <div class="weui_cells weui_cells_form">
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">姓名*</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" ms-duplex="form.name" placeholder="请输入真实姓名">
                </div>
            </div>
            <div class="weui_cell weui_cell_select weui_select_after">
                <div class="weui_cell_hd">
                    <label  class="weui_label">性别*</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" ms-duplex="form.sex" >
                        <option value="男">男</option>
                        <option value="女">女</option>
                    </select>
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">手机号码*</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" ms-duplex="form.phone" type="text" placeholder="请输入手机号码">
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">身份证号码*</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" ms-duplex="form.sfnum" placeholder="请输入身份证号码">
                </div>
            </div>

        </div>

        <div class="weui_cells_title">常用QQ号码</div>
        <div class="weui_cells weui_cells_form">
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">QQ1</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" ms-duplex="qq.q1"  placeholder="请输入QQ号码">
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">QQ2</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" ms-duplex="qq.q2" placeholder="请输入QQ号码">
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">QQ3</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" ms-duplex="qq.q3" placeholder="请输入QQ号码">
                </div>
            </div>

        </div>


        <div class="weui_cells_title">英雄联盟常用大区</div>
        <div class="weui_cells weui_cells_form">
            <div class="weui_cell weui_cell_select weui_select_after">
                <div class="weui_cell_hd">
                    <label  class="weui_label">常用1</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" ms-duplex="form.area1" >
                        <option value="艾欧尼亚">艾欧尼亚</option>
                        <option value="祖安">祖安</option>
                        <option value="诺克萨斯">诺克萨斯</option>
                        <option value="班德尔城">班德尔城</option>
                        <option value="皮尔吉沃特">皮尔吉沃特</option>
                        <option value="战争学院">战争学院</option>
                        <option value="巨神峰">巨神峰</option>
                        <option value="雷瑟守备">雷瑟守备</option>
                        <option value="裁决之地">裁决之地</option>
                        <option value="黑色玫瑰">黑色玫瑰</option>
                        <option value="暗影岛">暗影岛</option>
                        <option value="钢铁烈阳">钢铁烈阳</option>
                        <option value="均衡教派">均衡教派</option>
                        <option value="水晶之痕">水晶之痕</option>
                        <option value="影流">影流</option>
                        <option value="守望之海">守望之海</option>
                        <option value="征服之海">征服之海</option>
                        <option value="卡拉曼达">卡拉曼达</option>
                        <option value="皮城警备">皮城警备</option>
                        <option value="比尔吉沃特">比尔吉沃特</option>
                        <option value="德玛西亚">德玛西亚</option>
                        <option value="弗雷尔卓德">弗雷尔卓德</option>
                        <option value="无畏先锋">无畏先锋</option>
                        <option value="扭曲丛林">扭曲丛林</option>
                        <option value="恕瑞玛">恕瑞玛</option>
                        <option value="巨龙之巢">巨龙之巢</option>
                        <option value="教育网专区">教育网专区</option>
                    </select>
                </div>
            </div>
            <div class="weui_cell weui_cell_select weui_select_after">
                <div class="weui_cell_hd">
                    <label  class="weui_label">常用2</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" ms-duplex="form.area2" >
                        <option value="无">无</option>
                        <option value="艾欧尼亚">艾欧尼亚</option>
                        <option value="祖安">祖安</option>
                        <option value="诺克萨斯">诺克萨斯</option>
                        <option value="班德尔城">班德尔城</option>
                        <option value="皮尔吉沃特">皮尔吉沃特</option>
                        <option value="战争学院">战争学院</option>
                        <option value="巨神峰">巨神峰</option>
                        <option value="雷瑟守备">雷瑟守备</option>
                        <option value="裁决之地">裁决之地</option>
                        <option value="黑色玫瑰">黑色玫瑰</option>
                        <option value="暗影岛">暗影岛</option>
                        <option value="钢铁烈阳">钢铁烈阳</option>
                        <option value="均衡教派">均衡教派</option>
                        <option value="水晶之痕">水晶之痕</option>
                        <option value="影流">影流</option>
                        <option value="守望之海">守望之海</option>
                        <option value="征服之海">征服之海</option>
                        <option value="卡拉曼达">卡拉曼达</option>
                        <option value="皮城警备">皮城警备</option>
                        <option value="比尔吉沃特">比尔吉沃特</option>
                        <option value="德玛西亚">德玛西亚</option>
                        <option value="弗雷尔卓德">弗雷尔卓德</option>
                        <option value="无畏先锋">无畏先锋</option>
                        <option value="扭曲丛林">扭曲丛林</option>
                        <option value="恕瑞玛">恕瑞玛</option>
                        <option value="巨龙之巢">巨龙之巢</option>
                        <option value="教育网专区">教育网专区</option>
                    </select>
                </div>
            </div>

            <div class="weui_cell weui_cell_select weui_select_after">
                <div class="weui_cell_hd">
                    <label  class="weui_label">常用3</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select"ms-duplex="form.area3" >
                        <option value="无">无</option>
                        <option value="艾欧尼亚">艾欧尼亚</option>
                        <option value="祖安">祖安</option>
                        <option value="诺克萨斯">诺克萨斯</option>
                        <option value="班德尔城">班德尔城</option>
                        <option value="皮尔吉沃特">皮尔吉沃特</option>
                        <option value="战争学院">战争学院</option>
                        <option value="巨神峰">巨神峰</option>
                        <option value="雷瑟守备">雷瑟守备</option>
                        <option value="裁决之地">裁决之地</option>
                        <option value="黑色玫瑰">黑色玫瑰</option>
                        <option value="暗影岛">暗影岛</option>
                        <option value="钢铁烈阳">钢铁烈阳</option>
                        <option value="均衡教派">均衡教派</option>
                        <option value="水晶之痕">水晶之痕</option>
                        <option value="影流">影流</option>
                        <option value="守望之海">守望之海</option>
                        <option value="征服之海">征服之海</option>
                        <option value="卡拉曼达">卡拉曼达</option>
                        <option value="皮城警备">皮城警备</option>
                        <option value="比尔吉沃特">比尔吉沃特</option>
                        <option value="德玛西亚">德玛西亚</option>
                        <option value="弗雷尔卓德">弗雷尔卓德</option>
                        <option value="无畏先锋">无畏先锋</option>
                        <option value="扭曲丛林">扭曲丛林</option>
                        <option value="恕瑞玛">恕瑞玛</option>
                        <option value="巨龙之巢">巨龙之巢</option>
                        <option value="教育网专区">教育网专区</option>
                    </select>
                </div>
            </div>


        </div>
        <div class="weui_cells_title">英雄联盟常用ID</div>
        <div class="weui_cells weui_cells_form">
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">ID1</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" ms-duplex="form.ID1" placeholder="请输入ID">
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">ID2</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" ms-duplex="form.ID2" placeholder="请输入ID">
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_hd"><label class="weui_label">ID3</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" ms-duplex="form.ID3" placeholder="请输入ID">
                </div>
            </div>

        </div>

        <div class="weui_msg">
        <div class="weui_text_area">
            <h2 class="weui_msg_title">段位申报</h2>
            <p class="weui_msg_desc">提示：参赛报名者必须如实申报自身段位，如被赛委会查出实际参赛实段位（实力）高于报名段位即属违反参赛承诺，主办方有权取消其参赛资格。如发现参赛者有不道德行为诈取参赛奖金的情况发生，主办方有权利追求其法律责任。</p>
        </div>
        </div>

        <div class="weui_cell weui_cell_select weui_select_after">
            <div class="weui_cell_hd">
                <label  class="weui_label">S5赛季段位</label>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <select class="weui_select" ms-duplex="form.s5">
                    <option value="王者">王者</option>
                    <option value="大师">大师</option>
                    <option value="钻石">钻石</option>
                    <option value="白金">白金</option>
                    <option value="黄金">黄金</option>
                    <option value="白银">白银</option>
                    <option value="战争学院">青铜</option>
                </select>
            </div>
        </div>
        <div class="weui_cell weui_cell_select weui_select_after">
            <div class="weui_cell_hd">
                <label  class="weui_label">S6赛季段位</label>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <select class="weui_select" ms-duplex="form.s6">
                    <option value="王者">王者</option>
                    <option value="大师">大师</option>
                    <option value="钻石">钻石</option>
                    <option value="白金">白金</option>
                    <option value="黄金">黄金</option>
                    <option value="白银">白银</option>
                    <option value="战争学院">青铜</option>
                </select>
            </div>
        </div>
        <div class="weui_cell weui_cell_select weui_select_after">
            <div class="weui_cell_hd">
                <label  class="weui_label">自评段位</label>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <select class="weui_select" ms-duplex="form.zs">
                    <option value="王者">王者</option>
                    <option value="大师">大师</option>
                    <option value="钻石">钻石</option>
                    <option value="白金">白金</option>
                    <option value="黄金">黄金</option>
                    <option value="白银">白银</option>
                    <option value="战争学院">青铜</option>
                </select>
            </div>
        </div>

        <div class="weui_cells_title">参赛信息</div>
        <div class="weui_cells weui_cells_form">

            <div class="weui_cell weui_cell_select weui_select_after">
                <div class="weui_cell_hd">
                    <label class="weui_label">我是个人报名</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" ms-duplex="form.one" >
                        <option value="是">是</option>
                        <option value="否">否</option>
                    </select>
                </div>
            </div>

            <div class="weui_cell weui_cell_select weui_select_after">
                <div class="weui_cell_hd">
                    <label  class="weui_label">我有自己的战队</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" ms-duplex="form.hasT" >
                        <option value="是">是</option>
                        <option value="否">否</option>
                    </select>
                </div>
            </div>


            <div class="weui_cell" ms-if="form.hasT=='是'">
                <div class="weui_cell_hd"><label class="weui_label">战队名称</label></div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="text" ms-duplex="form.tName" placeholder="请输入战队名称">
                </div>
            </div>
            <div class="weui_cell weui_cell_select weui_select_after">
                <div class="weui_cell_hd">
                    <label  class="weui_label">组委会可安排同段位选手</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" ms-duplex="form.x18" >
                        <option value="是">是</option>
                        <option value="否">否</option>
                    </select>
                </div>
            </div>
            <div class="weui_cells_title">擅长位置(多选):</div>

            <div class="weui_cells weui_cells_checkbox">
                <label class="weui_cell weui_check_label" for="s11">
                    <div class="weui_cell_hd">
                        <input type="checkbox" class="weui_check"  value="上单" ms-duplex="sc" id="s11" checked="checked">
                        <i class="weui_icon_checked"></i>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <p>上单</p>
                    </div>
                </label>
                <label class="weui_cell weui_check_label" for="s12">
                    <div class="weui_cell_hd">
                        <input type="checkbox"  value="中单" ms-duplex="sc" class="weui_check" id="s12">
                        <i class="weui_icon_checked"></i>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <p>中单</p>
                    </div>
                </label>
                <label class="weui_cell weui_check_label" for="s13">
                    <div class="weui_cell_hd">
                        <input type="checkbox" value="打野" ms-duplex="sc"  class="weui_check" id="s13">
                        <i class="weui_icon_checked"></i>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <p>打野</p>
                    </div>
                </label>
                <label class="weui_cell weui_check_label" for="s14">
                    <div class="weui_cell_hd">
                        <input type="checkbox" value="辅助" ms-duplex="sc" class="weui_check" id="s14">
                        <i class="weui_icon_checked"></i>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <p>辅助</p>
                    </div>
                </label>
                <label class="weui_cell weui_check_label" for="s15">
                    <div class="weui_cell_hd">
                        <input type="checkbox"  value="ADC" ms-duplex="sc" class="weui_check" id="s15">
                        <i class="weui_icon_checked"></i>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <p>ADC</p>
                    </div>
                </label>
            </div>

            <div class="weui_cell weui_cell_select weui_select_after">
                <div class="weui_cell_hd">
                    <label  class="weui_label">参赛申请组别</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <select class="weui_select" ms-duplex="form.x20" >
                        <option value="T1(王者-大师)">T1(王者-大师)</option>
                        <option value="T2(钻石-白金)">T2(钻石-白金)</option>
                        <option value="T3(黄金-白银)">T3(黄金-白银)</option>
                        <option value="T4(青铜)">T4(青铜)</option>
                    </select>
                </div>
            </div>

        </div>
        <div class="weui_cells_tips">编者要求：比如在S6段位选择王者，那么在此项就不能选择低于S6赛季所选择的选项。如果在S6段位选择钻石，那么在此项不能低于钻石，但是可报高于钻石的组别。原则即根据S6段位选项可报高但是不能报低。</div>
        <div class="weui_btn_area">
            <a class="weui_btn weui_btn_primary" href="javascript:" ms-click="save" id="showTooltips">提交报名信息</a>
        </div>
        <br/>

    </div>
    </div>
</body>
<script src="http://cdn.bootcss.com/zepto/1.1.6/zepto.min.js"></script>
<script src="http://cdn.bootcss.com/avalon.js/1.5.6/avalon.mobile.min.js"></script>
<script>
    var app=avalon.define({
        $id:'body',
        show:0,
        qq:{
            q1:'',q2:'',q3:''
        },
        sc:[],
        form:{
            name:'',
            sex:'男',
            phone:'',
            sfnum:'',
            QQString:'',
            area1:'艾欧尼亚',
            area2:'无',
            area3:'无',
            ID1:'',
            ID2:'',
            ID3:'',
            s5:'王者',
            s6:'王者',
            zs:'王者',
            one:'是',
            hasT:'是',
            tName:'',
            x18:'是',
            x19:'',
            x20:'T1(王者-大师)'
        },save:function(){

            app.form.QQString=app.qq.q1+(app.qq.q2?'|'+app.qq.q2:'')+(app.qq.q3?'|'+app.qq.q3:'');
            app.form.x19=app.sc.join("|");
            if(!app.form.name||!app.form.sfnum||!app.form.phone){
                alert('请填写完整!');
            }else{
                if(app.form.hasT=='是'&&!app.form.tName){
                    alert('请填写战队名称！');
                }else{
                    $('#loadingToast').show();
                    var url=$.param({
                        'siteId':'2001319823'
                        ,'sitePage':'index.html'
                        ,'customOrder[field-2001319830-17764]':app.form.name
                        ,'customOrder[field-2001319830-17777]':app.form.sex
                        ,'customOrder[field-2001319830-17778]':app.form.phone
                        ,'customOrder[field-2001319830-17779]':app.form.sfnum
                        ,'customOrder[field-2001319830-17780]':app.form.QQString
                        ,'customOrder[field-2001319830-17781]':app.form.area1
                        ,'customOrder[field-2001319830-17782]':app.form.area2
                        ,'customOrder[field-2001319830-17783]':app.form.area3
                        ,'customOrder[field-2001319830-17784]':app.form.ID1
                        ,'customOrder[field-2001319830-17785]':app.form.ID2
                        ,'customOrder[field-2001319830-17786]':app.form.ID3
                        ,'customOrder[field-2001319830-17787]':app.form.s5
                        ,'customOrder[field-2001319830-17788]':app.form.s6
                        ,'customOrder[field-2001319830-17789]':app.form.zs
                        ,'customOrder[field-2001319830-17790]':app.form.one
                        ,'customOrder[field-2001319830-17791]':app.form.hasT
                        ,'customOrder[field-2001319830-17792]':app.form.tName
                        ,'customOrder[field-2001319830-17793]':app.form.x18
                        ,'customOrder[field-2001319830-17794]':app.form.x19
                        ,'customOrder[field-2001319830-17795]':app.form.x20
                        ,'tamsId':2001319830
                        ,'_':new Date().getTime()
                    });
                    $.ajax({
                        url: 'http://acts.zhan.qq.com/smartform/smartform/create?'+url
                        ,dataType: 'jsonp',
                        processData: false,
                        type: 'get'
                    });
                    setTimeout(function(){//模拟成功
                        $('#loadingToast').hide();
                        app.show=2;
                    },1000);
                }
            }

        }
    });
</script>
</html>